@tailwind base;
@tailwind components;
@tailwind utilities;

/* 全局样式重置与基础配置 */

@media (max-width: 768px) {
  :root {
    font-size: 10px;
  }

  button {
    border: 0 !important;
  }
}


/* 自定义气泡背景色工具类 */
@layer utilities {
  .bg-ai-message {
    background-color: theme('colors.ai-message');
  }
  .bg-user-message {
    background-color: theme('colors.user-message');
  }
}

/* 滚动条隐藏样式 */
.scrollbar-hidden::-webkit-scrollbar {
  @apply hidden;
}
.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 消息气泡基础样式 */
.ai-bubble {
  @apply bg-ai-message rounded-[18px_18px_18px_4px];
}
.user-bubble {
  @apply bg-user-message rounded-[18px_18px_4px_18px];
}

/* 加载动画（三个跳动的点） */
.loading-dot {
  @apply w-2 h-2 bg-gray-400 rounded-full animate-bounce;
}